<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" %>
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Googydiary</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

</head>
<body>
<div class="home_header_block">
  <div class="inner_block">
    <div class="home_logo"><a href="#"><img src="images/logo_home.png" alt="Googy Diary" width="186" height="77" border="0" /></a></div>
    <form name="frmLogin" action="do?action=login" method="post">
    <div class="login_block">
      <ul>
        <li>
          <input name="txtLoginId" type="text"  class="input_field"  required placeholder="User Name" title="Please enter your Email Id/User Name/Mobile" autocomplete="off"/>
          <label>
          <div class="check_input">
            <input name="" name="chkRememberMe" id="chkRememberMe" type="checkbox" value="Y"/>
          </div>
          <div class="remember_me">Remember Me</div>
          </label>
          <div class="clear"></div>
        </li>
        <li>
          <input name="txtPassword" type="password" class="input_field" required placeholder="Password" title="Please enter your Password"/>
          <div class="forget_block"><a href="#">Forgot your password?</a></div>
        </li>
        <li style="width:auto;">
          <input type="submit" name="button" id="button" value="Sign in"  class="input_button_small"/>
        </li>
      </ul>
    </div>
    </form>
    <div class="clear"></div>
  </div>
</div>
<div class="home_middle_block">
  <div class="inner_block">
    <div class="banner_block"><img src="images/banner1.png" width="648" /></div>
    <form>
    <div class="signup_form_block">
      <div class="heading_block">
        <h4>First time on googy diary?</h4>
        <h5>Register for free!</h5>
      </div>
      <ul>
        <li class="liwidth">First Name:</li>
        <li>
          <input name="" type="text"  class="input_field" placeholder="First Name" required title="Please enter your First Name"/>
        </li>
      </ul>
      <ul>
        <li class="liwidth text_error">Your Email:</li>
        <li>
          <input name="" type="text"  class="input_error" placeholder="Your E-Mail" title="Please enter your Email Id"/>
        </li>
      </ul>
      <ul>
        <li class="liwidth">Password:</li>
        <li>
          <input name="" type="text"  class="input_field"  placeholder="Password" title="Please enter your Password"/>
        </li>
      </ul>
      <ul>
        <li class="liwidth">&nbsp;</li>
        <li>
          <input type="submit" name="button" id="button" value="Sign Up"  class="input_button_signup"/> <img src="images/loading_line.gif"/>
        </li>
      </ul>
      <div class="clear"></div>
      <div class="error_div">please enter a valid email address</div>
    </div>
    </form>
    <div class="clear"></div>
  </div>
  <div class="inner_block">
    <div class="divder_line"></div>
    <h4>Welcome to GoogyDiary</h4>
    <p class="welecome_text">Dear Friends, in this busy world, it's often difficult for us to stay in Touch, but I wanted to take this time to thanks you for the any ways that you've 
      touched my life and to let you know that you're always in my thoughts .</p>
  </div>
</div>
<div class="home_footer_block">
  <div class="inner_block">English (US)&nbsp;&nbsp;বাংলা&nbsp;&nbsp;हिन्द&nbsp;&nbsp;ीਪੰਜਾਬ&nbsp;&nbsp;ੀதமிழ&nbsp;&nbsp;்తెలుగు&nbsp;&nbsp;മലയാളം&nbsp;&nbsp;Español&nbsp;&nbsp;Português&nbsp;&nbsp; (Brasil)&nbsp;&nbsp;Français (France)....<br />
    <a href="#">Mobile</a> · <a href="#">Find Friends</a> · <a href="#">Badges</a> · <a href="#">People</a> · <a href="#">Pages</a> · <a href="#">About</a> · <a href="#">Advertising</a> · <a href="#">Create a Page</a> · <a href="#">Developers</a> · <a href="#">Careers</a> ·<a href="#"> Privacy</a> · <a href="#">Terms</a> ·<a href="#"> Help</a><br />
    GoogyDiary © 2012 · English (US)</div>
</div>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script>!window.jQuery && document.write('<script src="http://code.jquery.com/jquery-1.7.2.min.js"><\/script>');</script>
<script src="js/index_script.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
  /* $(function() {
    $( "#dialog" ).dialog(); 
  }); */
  </script>
<div id="dialog" title="Basic dialog" class="dialog_box">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>
</html>
